<!DOCTYPE html>
<html>
<head>
	<title>充值</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0"/>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <link href="{G_TEMPLATES_CSS}/wx/comm.css" rel="stylesheet">
    <meta content="telephone=no" name="format-detection" />
    <link href="{G_TEMPLATES_CSS}/wx/style.css" rel="stylesheet">
    <script src="{G_TEMPLATES_JS}/wx/jquery-2.1.4.min.js"></script>
    <style>
		body{
			background-color:#F3F3F3;
		}
		.name{
			margin-left:0px;
			float:left;
			width:60%;
			text-align:center;
		}
		.header-left{
			width:20%;
			height:100%;
			float:left;
		}
		.header-right{
			width:20%;
			height:100%;
			float:left;
		}
	</style>
</head>
<body>
	{wc:templates "mobile/index","header"}
    
    <div class="recharge-money">
    	<span class="money-font">账户余额</span>
        <span class="money-num">{wc:$member['money']}元</span>
    </div>
    
    <div class="recharge-sel">
    	<ul>
        	<li class="select">10元</li>
            <li >20元</li>
            <li>50元</li>
            <li>100元</li>
            <li>200元</li>
            <li><input type="text" class="other" value="" placeholder="其他金额"></li>
        </ul>
    </div>
    
    <div class="pay-sel">请选择支付方式</div>
    
    <div class="bank-sel">
    	<ul>
        	<li>
            	<img src="{G_TEMPLATES_IMAGE}/wx/zfb.png" class="pay-img">
                <span class="pay-sel-font">支付宝支付</span>
                <img src="{G_TEMPLATES_IMAGE}/wx/xuanzhong.png" class="bank-select">
            </li>
            <li>
            	<img src="{G_TEMPLATES_IMAGE}/wx/wxzf.png" class="pay-img">
                <span class="pay-sel-font">微信支付</span>
                <img src="{G_TEMPLATES_IMAGE}/wx/weixuanzhong.png" class="bank-select">
            </li>
            <li>
            	<img src="{G_TEMPLATES_IMAGE}/wx/ylzf.png" class="pay-img">
                <span class="pay-sel-font">银联支付</span>
                <img src="{G_TEMPLATES_IMAGE}/wx/weixuanzhong.png" class="bank-select">
            </li>
        </ul>
    </div>
    
    <div class="pay-btn">
    	充值
    </div>
    <script>
		$(document).ready(function(e) {
            $(".recharge-sel ul li").click(function(){
				var sw=$(".recharge-sel ul li").index(this);
				$(".recharge-sel ul li").eq(sw).addClass("select").siblings(".recharge-sel ul li").removeClass("select");
			});
			
			$(".bank-sel ul li").click(function(){
				weixuan();
				var sw=$(".bank-sel ul li").index(this);
				$(".bank-select").eq(sw).attr("src","images/xuanzhong.png");
			})
			
			function weixuan(){
				$(".bank-select").attr("src","images/weixuanzhong.png");
			}
        });
	</script>
</body>
</html>
